<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php 
include('lib/include.php');
$menu_out = getMenuHtml();

$proArr = getProductsHomePage();
//showArr($proArr);
$totalQtys = getCartTotalQtys();
$cartGrandTotal = cartItemGrandTotal();
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>888 Accessories</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="shortcut icon" href="favicon.ico">

<link rel="stylesheet" type="text/css" href="css/css.css" />

<script type="text/javascript" src="scripts/jquery.min.js.1.4.2.js"></script>

<script type="text/javascript" src="ddaccordion.js"></script>

<script type="text/javascript">

ddaccordion.init({
	headerclass: "headerbar", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc] [] denotes no content
	onemustopen: true, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

</script>

<style type="text/css">
<!--
.style1 {color: #FF0000}
.style2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
-->
</style>

<style type="text/css">

.urbangreymenu{
width: 225px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>

</head>

<body>

<div id="main">

<div id="main1">

<div class="logo2"><img src="images/banner.jpg" width="1000" height="84" />

</div>

</div>

<div id="main2">

<div id="body1">

<table width="1000" border="0" cellpadding="0" cellspacing="10">

<!--DWLayoutTable-->

<tr>

<td width="234" rowspan="2" valign="top">

<div class="testimonials">

<img src="images/logo.jpg" width="225" height="300" /></div>

<br />

<div class="testimonials">
  
<div align="center">
<span class="body2text2">Search</span>
<label>
<input name="textfield" type="text" id="textfield" maxlength="5" />
</label>

<span class="style2">GO</span></div>

</div>

<br />

<div class="leftnav">

</div>

<div class="urbangreymenu">

<?php echo $menu_out;?>
<!--
<h3 class="headerbar"><a href="parts.php?cid=5">Cell Phone Parts</a></h3>
<ul class="submenu">
<li><a href="#" >LCDS</a></li>
<li><a href="#">DIGITIZERS</a></li>
<li><a href="#">BATTERY DOORS</a></li>
<li><a href="#">BATTERIES</a></li>
<li><a href="#">FLEX</a></li>
<li><a href="#">HOUSING</a></li>
<li><a href="#">CHARGING PORTS</a></li>
<li><a href="#">BUTTON</a></li>
<li><a href="#">SIM</a></li>
<li><a href="#">CAMERAS</a></li>
<li><a href="#">LENS</a></li>
<li><a href="#">SPEAKERS</a></li>
<li><a href="#">KEYPADS</a></li>	
<li><a href="#">MID PLATE</a></li>
<li><a href="#">GEVEY</a></li>
<li><a href="#">TOOLS</a></li>	
<li><a href="#">MISC</a></li>
</ul>

<h3 class="headerbar"><a href="parts.php?cid=6">Accessories</a></h3>
<ul class="submenu">
<li><a href="#" >CAR CHARGERS</a></li>
<li><a href="#">HOME CHARGERS</a></li>
<li><a href="#">SCREEN PROTECTORS</a></li>
<li><a href="#">POUCHES</a></li>
<li><a href="#">CAR HOLDERS</a></li>
<li><a href="#">HEADSETS</a></li>
<li><a href="#">CABLES</a></li>
<li><a href="#">FM TRANSMITTERS</a></li>
<li><a href="#">TPU</a></li>
<li><a href="#">CASES</a></li>
<li><a href="#">ARM BANDS</a></li>
<li><a href="#">SLEEVES</a></li>
<li><a href="#">BUMPERS</a></li>
<li><a href="#">SNAP ON</a></li>
<li><a href="#">MEMORY CARDS</a></li>
<li><a href="#">SPEAKERS</a></li>
<li><a href="#">MISC</a></li>		
</ul>

<h3 class="headerbar"><a href="parts.php?cid=7">Cell Phones</a></h3>
<ul class="submenu">
<li><a href="#">ACER</a></li>
<li><a href="#">ALIENWARE</a></li>
<li><a href="#">APPLE</a></li>
<li><a href="#">CASIO</a></li>
<li><a href="#">HTC</a></li>
<li><a href="#">INQ</a></li>
<li><a href="#">LG</a></li>
<li><a href="#">MOTOROLA</a></li>
<li><a href="#">PANTECH</a></li>
<li><a href="#">RIM</a></li>
<li><a href="#">SAMSUNG</a></li>
<li><a href="#">SONY ERICSSON</a></li>
<li><a href="#">TRION</a></li>
</ul>

<h3 class="headerbar"><a href="parts.php?cid=8">LED Signs</a></h3>
<ul class="submenu">	
</ul>
-->
<br />
</div>

</td>

<td width="742" height="17" align="center" valign="top" bgcolor="#F4F4F4">

<div id="menu1">
<a href="#" >My Account</a>:&nbsp;
<a href="
<?php 
if (isLogin() == true) 
	echo ('checkout.php');
else
	echo ('');	
?>
">Basket</a>:&nbsp;
<a href="#" >Contact</a>
<a href="#" ></a>&nbsp;|&nbsp;
Click here to <a href="login.php">login</a> or <a href="registration.php">create an account</a>&nbsp;|&nbsp;
<label>Shopping Cart:</label> <span class="style1"><?php echo $totalQtys;?></span> items - <span class="style1">$<?php echo $cartGrandTotal; ?></span></div></td>

</tr>

<tr>

<td rowspan="2" valign="top" class="body2">

<table width="89%" border="0" cellpadding="0" cellspacing="10">

<!--DWLayoutTable-->

<tr>

<td width="720" height="41" class="body2text"><h1>Welcome to 888 Accessories</h1></td>
</tr>

<tr>

<td height="19" valign="top">

<img src="images/main.jpg" alt="888 Accessories" width="720" height="336" border="0" usemap="#Map2" title="Locksmith Toronto" /></td>
</tr>

<tr>

<td valign="top">

<img src="images/image1.jpg" width="720" height="126" /></td>
</tr>

<tr>

<td valign="top">

<img src="images/featured-banner.jpg" width="720" height="41" /></td>
</tr>

<tr>

<td height="25" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
  <!--DWLayoutTable-->
  <tr>
  	<?php 

		$line = '';
		for ($n1 = 0; $n1 < 4; $n1++)
		{	
			$img = '<img src="images/ina.jpg" height="100" width="100"></img>';
			if (isset($proArr[$n1]))
			{
				$arr = $proArr[$n1];
				
				if(isset($arr['product_img']))
				{
					$img = '<a href="parts4.php?pid='.$arr['id'].'"><img src="'.$arr['product_img'].'" height="100" width="100"></img></a>';
				}
			}
			$line .= '<td width="180" height="25" align="center" valign="middle" class="body2text4" >'.$img.'</td>';
		}
	
		echo $line;
		
	?>
    
  </tr>
</table></td>
</tr>

<tr>

<td height="25" valign="top">

  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    
    <tr>
  	<?php 

		$line = '';
		for ($n1 = 0; $n1 < 4; $n1++)
		{	
			$name = 'Not Available';
			if (isset($proArr[$n1]))
			{
				$arr = $proArr[$n1];
				
				if(isset($arr['product_name']))
				{
					$name = '<a href="parts4.php?pid='.$arr['id'].'">'.$arr['product_name'].'</a>';
				}
			}
			$line .= '<td width="180" height="25" align="center" valign="middle" class="body2text4" >'.$name.'</td>';
		}
	
		echo $line;
		
	?>    

    </tr>
    </table></td>
</tr>

<tr>

<td valign="top">

  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    
    <tr>
  	<?php 

		$line = '';
		for ($n1 = 0; $n1 < 4; $n1++)
		{	
			$price = 'Not Available';
			if (isLogin() == true)
			{
				if (isset($proArr[$n1]))
				{
					$arr = $proArr[$n1];
					
					if(isset($arr['product_price']))
					{
						$price = '<a href="parts4.php?pid='.$arr['id'].'">$'.$arr['product_price'].'</a>';
					}
				}
			}
			else
			{
				$price = 'Price for Member';
			}
			$line .= '<td width="180" height="25" align="center" valign="middle" class="body2text4" >'.$price.'</td>';
		}
	
		echo $line;
		
	?>      
    </tr>
    </table></td>
</tr>

<tr>

<td height="25" valign="top">

  <table width="100%" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    
    <tr>
  	<?php 

		$line = '';
		for ($n1 = 0; $n1 < 4; $n1++)
		{	
			$link = 'Learn More';
			if (isset($proArr[$n1]))
			{
				$arr = $proArr[$n1];
				
				if(isset($arr['product_name']))
				{
					$link = '<a href="parts4.php?pid='.$arr['id'].'">Learn More</a>';
				}
			}
			$line .= '<td width="180" height="25" align="center" valign="middle" class="body2text4" >'.$link.'</td>';
		}
	
		echo $line;
		
	?>     
    </tr>
    </table></td>
</tr>


<tr>
  <td valign="top">
  <p class="body2text2">
  888 Accessories provides you with a variety of cell phone parts, cell phone accessories and cell phones. We also sell LED Signs for a retail location, including OPEN signs. We are conveniently located in Scarborough, but we service all of Toronto and offer online ordering, where we can ship locally and throughout Canada. 
  <br /><br />
  We offer retail and wholesale products and pricing. We have a registration page setup, where we will require some information to setup an account with 888 Accessories. We will then offer you with a full shopping experience online where you will be able to contact us on any products that we provide. 
  <br /><br />
  We are always updating our inventory, so check back to view the latest products we have for parts, accessories, cell phones and LED signs. Thank you for navigating through our website and we hope you find all that you are looking for.
  </p>
  </td>
</tr>
</table>          

</td>

</tr>

</table>

</div>

</div>

<div id="bottom"> 

<div class="bottom2">

<a href="requiring_a_mobile_locksmith.html" title="Requiring a Mobile Locksmith">HOME</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="ottawa_locksmith.html" title="Ottawa Locksmith">ABOUT US</a> &nbsp;&nbsp;|&nbsp;&nbsp;<a href="keys_to_look_for_when_hiring_a_locksmith.html" title="Keys to look for when hiring a locksmith">CONTACT US</a><br /> 

<em><strong>&copy; 888 Accessories. All Rights Reserved</strong></em>

</div>

</div>

</div>

</body>

</html>